<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
	<style type="text/css">
		body{margin: 0px;padding: 0px;}
		#containter{width: 980px;margin: 0px auto;font-size: 10px;}
		#pagetop{min-height: 75px;border: #0C6 solid 1px;}
	
		.logo{width:260px ;height:70px ;float: left;}
		.topinfo{width:380px;float: left;vertical-align:middle;line-height: 60px;font-size: 15px;}
		.topnav{width: 360px;float: left;}
		.topnavlist{width: 360px;}
		.topnavlist ul{ width: 360px;list-style: none;}
		.topnavlist ul li{ display: inline-block;width: 60px;}
		.topnavlist ul li a{text-decoration:none;color: #666;}
		#nav{text-align: center;}
		#nav ul{ list-style:none;margin: 0px;padding: 0px;}
		#nav ul li{ width:100px;line-height: 36px;font-size: 15px;font-weight: bold;display: inline-block;text-align: center;}
		#nav ul li a{text-decoration: none;color:#000000;}
		#navlist{}
		
		#pagebody{min-height: 850px;border:#00F solid 1px;}
			#blft{width: 259px; min-height: 600px;float: left;}
						.lft ul{ margin: 0px;padding: 0px;list-style: none;}
				#bright{width: 719px; min-height: 600px;border: #FAFAFA solid 1px;float: left;}
		.right{}
		.right ul{ list-style: none;}
		.right ul li{ display: inline-block;margin: 10px 20px;}
		.right ul li div{ text-align: center;font-size: 20px;}
		#pagefooter{min-height:150px;border: #0C6 solid 1px;vertical-align: center;}
	
	</style>
		
</head>

<body>
	<div id="containter">
		<!--网站头部-->
		<div id="pagetop">
			<div class="logo"><img src="imgs/logo.jpg"/></div>
				<div class="topinfo">
					<span>您好，欢迎登陆阅生活！<a href="login.html">请登陆</a>新用户？<a href="zhuce.html">请注册</a></span>
				</div>
			<div class="topnav" style="position:absolute;top:10px;right:500px;">
				<div class="topnavlist">
			<div>
					<ul>
						<li><a href="">帮助中心|</a></li>
						<li><a href="">客户反馈|</a></li>
						<li><a href="">网站地图|</a></li>
						<li><a href="">加入收藏|</a></li>
					</ul>
				</div>
			</div>
		</div>
			<!--主导航-->
			<div id="nav" style="clear: both">
				<div style="background: url(imgs/top1.jpg);height:36px">
					<ul id="navlist">
						<li><a href="index.html">网站首页</a></li>
						<li><a href="#">分类导航</a></li>
						<li><a href="#">购物帮助</a></li>
						<li><a href="#">关于我们</a></li>
					</ul>
				</div>
				<div style="background: url(imgs/top2.jpg);height:36px;text-align: left;text-indent:25px;line-height: 36px;">
				<span style="color:#000000;font-size: 15px;">搜索</span><span><select><option>所有分类</option><option>热卖</option></select></span><span><input type="text" maxlength="50" size="50"/><input type="button" value="搜索"/></span>
			</div>
		</div>
	</div>
		
		<!--网站中间主体-->
		<div id="pagebody">
<div id="blft">
				<div class="lft">
				<div>
				<ul>
					<li><div><a href="fenlei.html"><img src="imgs/fenlei/1.jpg"></a></div></li>
					<li><div><a href="edu.html"><img src="imgs/fenlei/2.jpg"></a></div></li>
					<li><div><a href="keji.html"><img src="imgs/fenlei/3.jpg"></a></div></li>
					<li><div><a href="novel.html"><img src="imgs/fenlei/4.jpg"></a></div></li>

				</ul>
							</div>
				</div>
			</div>
<div id="bright">
			<div class="right">
				<h1></h1>
				<div>
					<div>
						<ul>
				<li>
					<div>
						<a href="#"><img src="imgs/edu/1.jpg"></a></div>
					<div>
						<div>中国教育史</div>
						<div class="price">¥25.00</div>
					</div>
				</li>
					
				<li>
					<div>
						<a href="#"><img src="imgs/edu/2.jpg"></a></div>
					<div>
						<div>儿童心理教育</div>
						<div class="price">¥32.00</div>
					</div>
				</li>
					
				<li>
					<div>
						<a href="#"><img src="imgs/edu/3.jpg"></a></div>
					<div>
						<div>卡尔·威特的教育</div>
						<div class="price">¥23.00</div>
					</div>
				</li>
					
				<li>
					<div>
						<a href="#"><img src="imgs/edu/4.jpg"></a></div>
					<div>
						<div>50个教育法</div>
						<div class="price">¥23.00</div>
					</div>
				</li>
					
				<li>
					<div>
						<a href="#"><img src="imgs/edu/5.jpg"></a></div>
					<div>
						<div>教育就是解放心灵</div>
						<div class="price">¥22.13</div>
					</div>
				</li>
					
					<li>
					<div>
						<a href="#"><img src="imgs/edu/6.jpg"></a></div>
					<div>
						<div>优秀的绵羊</div>
						<div class="price">¥32.45</div>
					</div>
				</li>
					
					<li>
					<div>
						<a href="#"><img src="imgs/edu/7.jpg"></a></div>
					<div>
						<div>知行合一</div>
						<div class="price">¥88.55</div>
					</div>
				</li>
					
				<li>
					<div>
						<a href="#"><img src="imgs/edu/8.jpg"></a></div>
					<div>
						<div>人类的群星闪耀时</div>
						<div class="price">¥33.23</div>
					</div>
				</li>
					
					<li>
					<div>
						<a href="#"><img src="imgs/edu/9.jpg"></a></div>
					<div>
						<div>看见</div>
						<div class="price">¥16.13</div>
					</div>
				</li>
					
					<li>
					<div>
						<a href="#"><img src="imgs/edu/10.jpg"></a></div>
					<div>
						<div>名人传</div>
						<div class="price">¥20.00</div>
					</div>
				</li>
					
					<li>
					<div>
						<a href="#"><img src="imgs/edu/11.jpg"></a></div>
					<div>
						<div>喧哗与骚动</div>
						<div class="price">¥15.25</div>
					</div>
				</li>
					<li>
					<div>
						<a href="#"><img src="imgs/edu/12.jpg"></a></div>
					<div>
						<div>如父如子</div>
						<div class="price">¥23.25</div>
					</div>
				</li>
					
			    <li>
					<div>
						<a href="#"><img src="imgs/edu/13.jpg"></a></div>
					<div>
						<div>太年轻</div>
						<div class="price">¥32.00</div>
					</div>
				</li>
					
					<li>
					<div>
						<a href="#"><img src="imgs/edu/14.jpg"></a></div>
					<div>
						<div>人间词语</div>
						<div class="price">¥25.00</div>
					</div>
				</li>
					
					<li>
					<div>
						<a href="#"><img src="imgs/edu/15.jpg"></a></div>
					<div>
						<div>罗生门</div>
						<div class="price">¥35.00</div>
					</div>
				</li>
					
					
	</ul>
</div>	
				</div>
		</div>
			</div>
		</div>
		<!--网站底部-->
		<div id="pagefooter"></div>
	</div>
</body>
</html>
